<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./my.css">
</head>
<body>
    <div class="container">
        <div class="box"></div>
    </div>
    <script>
        // less 是什么？ css 预处理器 ，简单理解 就是给css 增加逻辑
        // https://lesscss.com.cn/
        // css预处理器 ：stylus 、sass（scss）、less
        // 模板引擎 ：pug jade ejs numjucks ... 给 html赋予逻辑处理的能力，框架自动处理模板；

        // less : 使用 ；
        // 两种方式编译less ，写css的时候 拥有逻辑 ，但是最终使用的时候还是css
        // 1.通过nodejs里提供的一个 npm 安装 less   。一旦装完nodejs之后，就会有一个 指令 npm ： 通过 npm 安装 less ： npm i less -g

        // 把npm 下载的地址设置成 中国的服务器 。
        // npm的下载源地址设置成淘宝源 
        // npm config set registry https://registry.npmmirror.com

        // npm ：node package manager ，node的包管理工具 
        // i ： install的简写 安装
        // -g ： global ，全局安装


        // 查看 less 是否安装好  lessc -v
        // 使用 lessc指令 : 找到对应的目录  使用 lessc less文件路径 要编译的css路径


        // 2.基于vscode插件 ： Easy Less




    </script>
</body>
</html>